li{list-style:none;} 
 
/* leftnav */
.leftnav{width: 210px;height: 100%; transition: all .3s; max-height:650px;  margin-left: 20px;
 
 font-size: 14px;}




 /*滚动条样式*/
        .leftnav::-webkit-scrollbar {/*滚动条整体样式*/
            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
        }
        .leftnav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        .leftnav::-webkit-scrollbar-track {/*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);
        }






.leftnav a{display: block;overflow: hidden;padding-left: 20px;line-height: 46px;max-height: 46px;color: #000408;transition: all .3s; text-decoration:none;}
.leftnav a span{margin-left: 30px; }
.leftnav-item{position: relative;background: #f0f0f0; margin-bottom: 10px; margin-top: 10px;}
.leftnav-item.leftnav-show{border-bottom: none;}
.leftnav-item li{border-bottom:1px #ccc dashed;}
.leftnav-item ul{display: none;background: #FFF;}
.leftnav-item.leftnav-show ul{display: block;}
.leftnav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #016bb4;opacity:0;transition: all .3s;}
.leftnav .leftnav-icon{font-size: 18px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}
/*---------------------*/
.leftnav-more{float:left;margin-right: 10px;font-size: 12px;transition: transform .3s;  color: #fff}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.leftnav-more::after{content: "\e621";background: #034b7d;   height: 8px; width: 8px;}
/*---------------------*/
.leftnav-show .leftnav-more{transform:rotate(90deg);color: #FFF;}
.leftnav-show,.leftnav-item>a:hover{color: #FFF;background:#016bb4;}
.leftnav-show>a:before,.leftnav-item>a:hover:before{opacity:1;}
.leftnav-item li:hover a{color: #FFF;background: #016bb4;}
.leftnav-show span{ color: #FFF; }
.leftnav-show li span{ color: #000; width: 100%}
.leftnav-show li:hover span { color: #FFF; }
/* leftnav-mini */
.leftnav-mini.leftnav{width: 60px;}
.leftnav-mini.leftnav .leftnav-icon{/* margin-left:-2px; */}
.leftnav-mini.leftnav .leftnav-item>a span{display: none;}
.leftnav-mini.leftnav .leftnav-more{margin-right: -20px;}
.leftnav-mini.leftnav .leftnav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.leftnav-mini.leftnav .leftnav-item:hover{background:rgba(255,255,255,.1);}
.leftnav-mini.leftnav .leftnav-item:hover .leftnav-item a{color:#FFF;}
.leftnav-mini.leftnav .leftnav-item:hover a:before{opacity:1;}
.leftnav-mini.leftnav .leftnav-item:hover ul{display: block;}